@import"./com";

header{
    height: vw（1800）;
    // 最顶部
    .h_top{
        width: vw(750);
        display: flex;
        justify-content: center;
        justify-items: center;
        margin-top: vw(48);
        text-align: center;
        line-height: vw(50);
       >.h_top1{
           width: vw(705);
           display: flex;
           justify-content: space-between;
           justify-items: center;
        >a >div{
            width: vw(122);
            height: vw(50);
            border: vw(1) solid #ff9344;
            border-radius: vw(10);
            
            font-size: vw(21);
        }
        >span{
            font-size: vw(25);
        }
        .sel {
            position: relative;
            > select {
                width: vw(158);
                height: vw(57);
                border: vw(1) solid #ff9344;
                box-sizing: border-box;
                border-radius: vw(5);
                font-size: vw(26);
                text-indent: vw(17);
                // 去除三角形
                appearance: none;
                outline: none;
            }
            >i{
                content: "";
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: vw(-10);
                margin-right: vw(16);
                width: 0;
                height: 0;
                border: vw(20) solid transparent;
                border-top: vw(20) solid #ff9344;
                // 穿透
                pointer-events: none;
            }
        }
       }
    }

    // 轮播图
    .h_bt{
        width: vw(750);
        display: flex;
        justify-content: space-around;
        margin-top: vw(30);
        >div{
            display: flex;
            flex-direction: column;
            
            >a{
                >img{
                    width: vw(150);
                    height: vw(150);
                    
                }
            }
        }

        span{
            font-size: vw(26);
            text-align: center;
        }
        
    }

    // 美食类
    .h_food{
        width: vw(750);
        display: flex;
        justify-content: space-between;
        margin-top: vw(30);
        
        >div:first-of-type{
            display: flex;
            justify-content: space-around;
            margin-left: vw(30);
            >img{
                width: vw(55);
                height: vw(45);
                vertical-align: middle;
            }
            >p{
                font-size: vw(30);
                margin-left: vw(9);
            }
        }

        >div:last-of-type{
            margin-right: vw(21);
            >a{
                font-size: vw(24);
            }
            >img{
                width: vw(26);
                height: vw(26);
                vertical-align: middle;
            }
        }
    }

    // 美食类图片
    .h_food1{
        width: vw(750);
        display: flex;
        justify-content: space-around;
        margin-top: vw(37);
        >a{
            >img{
                width: vw(134);
                height: vw(134);
            }
        }
    }
}

nav{
    position: fixed;
    bottom: 0;
    background-color: #fff;
    .f_nav{
       

        width: vw(750);
        display: flex;
        justify-content: space-around;
        > div{
            display: flex;
            flex-direction: column;
            justify-content: space-around;

            > a{
                font-size: vw(24);
                text-align: center;
                img{
                    width: vw(73);
                    height: vw(73);
                }
            }
        }
    }

    
}